<template>
  <div id="app">
<!--    <tab-bar>-->
<!--      <tab-bar-item>-->

<!--&lt;!&ndash;        <img src="./assets/img/tabbar/home.png" slot="item-icon">&ndash;&gt;-->
<!--        <div>123</div>-->
<!--        <div slot="a">首页</div>-->
<!--      </tab-bar-item>-->
<!--      <tab-bar-item>-->
<!--&lt;!&ndash;        <img src="./assets/img/tabbar/categories.png" slot="item-icon">&ndash;&gt;-->
<!--&lt;!&ndash;        <div slot="item-text">分类</div>&ndash;&gt;-->
<!--      </tab-bar-item>-->
<!--      <tab-bar-item>-->
<!--&lt;!&ndash;        <img src="./assets/img/tabbar/shopcart.png" slot="item-icon">&ndash;&gt;-->
<!--&lt;!&ndash;        <div slot="item-text">购物车</div>&ndash;&gt;-->
<!--      </tab-bar-item>-->
<!--      <tab-bar-item>-->
<!--&lt;!&ndash;        <img src="./assets/img/tabbar/profile.png" slot="item-icon">&ndash;&gt;-->
<!--&lt;!&ndash;        <div slot="item-text">我的</div>&ndash;&gt;-->
<!--      </tab-bar-item>-->
<!--    </tab-bar>-->

      <tab-bar>
        <tab-bar-item>
          <template #a>
            <img src="./assets/img/tabbar/categories.png">
<!--            <img src="./assets/img/tabbar/categories.png" slot="item-icon">-->
          </template>

          <template #b>
            123
          </template>
        </tab-bar-item>


      </tab-bar>

  </div>
</template>

<script>
  import TabBar from "./components/tabbar/TabBar"
  import TabBarItem from "./components/tabbar/TabBarItem"
  export default {
    name: 'App',
    components: {
      TabBar,
      TabBarItem
    }
  }
</script>

<style>
</style>
